COMMON STEPS IN BUILDING A WEB SITE USING DREAMWEAVER LAYOUTS

Plan and define web site:

1. Create a folder on your desktop (or where ever you desired) and give it a name (e.g., ABC Company Web Site). Inside this folder create another folder called images (even though you may not have images yet.)
2. Open Dreamweaver and select Site > New Site to define a web site for the folder you just created by filling in the first two fields to give the site a name and have Dreamweaver point to the site folder.
3. (Optional) You can also set the cloaking option, FTP and server settings in the Site Definition dialog box or you can define these settings later.

Create web site layout:

1. Select File > New..., select Starter Templates, and then select a template of your liking.
2. Give page a title and header and footer (graphics or text) and save it.
3. Update the navbar with links going to their intended pages (e.g., Home > index.html, Product > Products.html, etc.)
4. (Optional) Add generic title with colon (e.g., CompanyName: ) so that it can be used on all page when it is converted to a template.
5. Add header, footer and common text that will be used for all pages.
6. Export embedded CSS as an external style sheet so that it can be used by the other page automatically.

Convert page to template:

1. Convert the page to a template and define regions (editable, optional or repeating regions).
2. Create other pages based on template you just created and add necessary title, text, images, videos, etc.

Publish, upload, and check:

1. Check links between pages and make any other modifications you need to the html or css code.
2. Upload the COMPLETE site to a server.
3. Preview site in several browsers.
4. Make final updates and post ONLY changes to website.